<html>
	<head>
		<title>戴森球计划量产量化计算器工具</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="戴森球计划,量产量化工具,量产量化计算器,自动化工具,生产工具" />
		<meta name="description" content="《戴森球计划》自动化量产计算器，可以全自动计算量产某个产品的具体产能需求。" />

		<script src="./Scripts/jquery.min.2.1.4.js"></script>
		<script src="./Scripts/jquery.cookie.min.1.4.1.js"></script>
		<script src="./Scripts/vue.min.2.5.16.js"></script>
		<script src="./Scripts/jquery.tips.js"></script>
		<script src="./Scripts/data.js"></script>
		<link rel="stylesheet" type="text/css" href="./Scripts/style.css">
		
<!-- 		<script src="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/jquery.min.2.1.4.js"></script>
		<script src="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/jquery.cookie.min.1.4.1.js"></script>
		<script src="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/vue.min.2.5.16.js"></script>
		<script src="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/jquery.tips.js"></script>
		<script src="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/data.js"></script>
		<link rel="stylesheet" type="text/css" href="https://svlik.gitee.io/dysonsphereprogramtool/Scripts/style.css"> -->
		
	</head>
	<body style="padding:5px;">
		每分钟数量：<input type="text" id="txtnumber" value="60" />
		或者： <select id="selmaince">
			<option value="">选择设备数量</option>
		</select>
		<a href="javascript:f_add()" style="margin-left:10px;margin-right:10px;"><img
				src="" /></a>
		<select id="seldata"></select>


		<button id="btnAdd3">
			增加需求
		</button>
		<button id="btnSetting">
			参数设置
		</button>

		<div style="margin-top:5px;">
			<button id="btnReset2">
				重置设备
			</button>
			<!--<button id="btnReset3">
        重置速度
    </button>-->
			<button id="btnReset4">
				重置配方
			</button>
			<!--<input type="checkbox" id="isMerge" checked />合并同配方多产物-->
			<input type="checkbox" id="hideSource" /><label for="hideSource">隐藏原料</label>
			<select id="selmodein">
				<option value="制作台Mk.Ⅰ">制作台Mk.Ⅰ</option>
				<option value="制作台Mk.Ⅱ">
					制作台Mk.Ⅱ
				</option>
				<option value="制作台Mk.Ⅲ">制作台Mk.Ⅲ</option>

			</select>
			<select id="furnace">
				<option value="电弧熔炉">电弧熔炉</option>
				<option value="位面熔炉">位面熔炉</option>
			</select>
			<select id="accType">
				<option value="增产剂Mk.Ⅰ">增产剂Mk.Ⅰ</option>
				<option value="增产剂Mk.Ⅱ">
					增产剂Mk.Ⅱ
				</option>
				<option value="增产剂Mk.Ⅲ">增产剂Mk.Ⅲ</option>
			</select>
			<select id="accValue"><option value="无">无</option><option value="加速">加速</option><option value="增产">增产</option></select>
			<input type="checkbox" id="selfAcc" checked/><label for="selfAcc">自喷涂增产剂</label>
			<label for="selore">采矿作业速度：</label>
			<input type="text" class="textbox" id="selore" value="100" style="width:40px;" />%
			<input type="checkbox" id="showMaxOneBelt" /><label for="showMaxOneBelt">1条传送带最高支持设备数量</label>

			<span id="projectdiv" style="display:none;">
				<select id="selprojects"></select>
				<button id="btnLoadProject">
					加载方案
				</button>
				<button id="btnReset5">
					重置方案
				</button>
			</span>
		</div>
		<div id="Split" style="display:none;">

		</div>
		<div id="UIselector" style="display:none;">

		</div>


		<div id="MoreSetting" style="display:none;">
			<p><span class="label">分馏塔每分钟产量： </span><input id="fractionatorSpeed" class="textbox" type="number" value="18" /> </p>
			<p><span class="label">运输站集装物流：</span> <input id="speed1_5" class="textbox" type="number" value="1" /> </p>
			<p><span class="label">大型采矿机：</span> <input id="speed1_6" class="textbox" type="number" value="100" /> </p>
			<p><span class="label">原油速度：</span> <input id="oilSpeed" class="textbox" type="number" value="4" /> </p>
			<p><span class="label">轨道采集-重氢：</span> <input data-name="重氢" id="speed1_2" class="speed1 textbox"
					type="number" value="0.02" /> </p>
			<p><span class="label">轨道采集-可燃冰：</span> <input data-name="可燃冰" id="speed1_3" class="speed1 textbox"
					type="number" value="0.5" /> </p>
			<p><span class="label">轨道采集-氢(巨冰)：</span> <input data-name="氢" id="speed1_4" class="speed1 textbox"
					type="number" value="0.5" /> </p>
			<p><span class="label">轨道采集-氢(气态)：</span> <input data-name="氢" id="speed1_1" class="speed1 textbox"
					type="number" value="1" /> </p>
			<p><span class="label">临界光子每分钟产量： </span><input id="gzSpeed" class="textbox" type="number" value="5" /> </p>
			<p><span class="label">小数点后保留： </span><input id="pointLength" class="textbox" type="number" value="1" /> 位
			</p>
		</div>
		<div id="result">
			<div class="list">
				<span v-for="(x,index) in xqs">
					<img v-bind:src="'data:image/png;base64,' + icons[x.item.name]" style="width:40px;height:40px;"
						v-if="icons[x.item.name]" v-bind:title="x.item.name" 
						@contextmenu="removeItem(index);event.preventDefault();"
						/>
					<span class="name" v-else=v-else>{{x.item.name}}</span>
					* 
					<span class="item_number" @click="onClickNumber(index)">
						<span>{{x.number}}</span>
						<div v-if="number_editor_index === index" class="number_editor_container">
							<input ref="input" class="number_editor" type="number" 
								v-model.number="number_editor_number" @blur="submitEditorNumber()"
								@focus="event.target.select()"
								@keydown="if (event.key === 'Enter') submitEditorNumber(); else if (event.key === 'Escape') cancelEditorNumber();"/>
						</div>
					</span>
				</span>
				<span v-if="xqs && xqs.length">
					<button onclick="f_reset()">
						重置
					</button>
					<button onclick="f_save()">保存方案</button>
					<br/><small>(右键可取消单项需求；单击数字可编辑数量)</small>
				</span>
			</div>
			<div class="list" v-if="ig_names && ig_names.length">
				排除计算：
				<span v-for="name in ig_names">
					<img v-bind:src="'data:image/png;base64,' + icons[name]" style="width:40px;height:40px;"
						v-if="icons[name]" v-bind:title="name" v-bind:oncontextmenu="'f_remove_ig(\'' + name + '\'); return false'"/>
					<span class="name" v-else=v-else>{{name}}</span>
				</span>
				<button onclick="f_reset_ig()">重置</button>
				<br/><small>(右键可取消单项排除)</small>
			</div>
			<div class="list">
				<table border="0" cellspacing="0" cellpadding="0">
					<tbody>
						<tr class="header">
							<td style="width:100px;">操作</td>
							<td style="width:100px;">
								物品
								<br /><span style="font-size:12px">(点击图标显示详情)</span>
							</td>
							<td style="width:100px;">
								每分钟需求
								<br /><span style="font-size:12px">(负数代表多余)</span>
							</td>
							<td style="width:100px;">设备数量</td>
							<td>
								配方
								<br /><span style="font-size:12px">(可选)</span>
							</td>
							<td>
								增产剂等级
								<br /><span style="font-size:12px">(可选)</span>
							</td>
							<td>
								增产剂效果
								<br /><span style="font-size:12px">(可选)</span>
							</td>
							
							<td>
								制作于
								<br /><span style="font-size:12px">(可选)</span>
							</td>
							<!--<td>设备制作速度<br /><span style="font-size:12px">(可自定义)</span></td>-->
							<!--<td style="width:150px;">最终速度(秒)</td>-->
						</tr>

						<tr v-for="item in items0" v-bind:class="item.rowClass">
							<td></td>
							<td class="cell-name" v-bind:data-name="item.name">
								<span class="name">
									<img v-bind:src="'data:image/png;base64,' + icons[item.name]"
										style="width:40px;height:40px;" v-if="icons[item.name]"
										v-bind:title="item.name" />
									<span class="name" v-else=v-else>{{item.name}}</span>
								</span>
							</td>
							<td><span class="number1">{{item.number1}}</span></td>
							<td><span class="number2">{{item.number2}}</span></td>
							<td>
								<a class="pf selected" v-html="item.pfTitle"></a>
							</td>
							<td>
								<a class="m selected"> {{item.mName}}</a>
							</td>
						</tr>
						<tr v-for="item in items" v-bind:class="item.rowClass">
							<td class="opcell">
								<a href="javascript:void(0)" v-bind:data-name="item.name" onclick="f_ig(this)">排除</a>
								<a href="javascript:void(0)" v-if=" item.pf &&  item.pf.length > 1"
									v-bind:data-name="item.name" onclick="f_split(this)">多配方</a>
								<a href="javascript:void(0)" v-bind:data-name="item.name" onclick="f_tag(this)">标注</a>
							</td>
							<td class="cell-name" v-bind:data-name="item.name">
								<img v-bind:src="'data:image/png;base64,' + icons[item.name]"
									style="width:40px;height:40px;" v-if="icons[item.name]" v-bind:title="item.name" />
								<span class="name" v-else=v-else>{{item.name}}</span>
							</td>
							<td><span class="number1">{{item.number1}}</span></td>
							<td>
								<span class="number2" v-html="item.number2full"></span>
								<span v-if="item.numberOther" v-html="item.numberOther"></span>
							</td>
							<td>
								<div class="pfs">
									<a v-for="pf in item.pf" v-bind:class="pf.class" v-bind:href='pf.href'
										v-html="pf.title"></a>
								</div>
							</td>
							<td>
								<div class="ms">
									<a v-bind:data-modein="a.name" v-bind:data-name="a.itemName" v-for="a in item.accType"
										v-bind:title="a.title" v-bind:class="a.class" v-bind:href='a.href'>
										<img :src="'data:image/png;base64,' + icons[a.name]"/>
										{{a.showName}}
									</a>
								</div>
							</td>
							<td>
								<div class="ms">
									<a v-bind:data-modein="a.name" v-bind:data-name="a.itemName" v-for="a in item.accValue"
										v-bind:title="a.title" v-bind:class="a.class" v-bind:href='a.href'>
										{{a.showName}}
									</a>
								</div>
								<span class="number1">需求：{{item.accTotal}}</span></td>
							</td>
							<td>
								<div class="ms">
									<a v-bind:data-modein="m.name" v-bind:data-name="m.itemName" v-for="m in item.m"
										v-bind:title="m.title" v-bind:class="m.class" v-bind:href='m.href'>
										<img :src="'data:image/png;base64,' + icons[m.name]" v-if="icons[m.name]"/>
										{{m.showName}}
									</a>
								</div>
							</td>
							<!--<td>
                            <input type="text" v-bind:class="item.speedClass" v-on:change="speedChange(item)" v-model="item.speed" />
                        </td>
                        <td>
                            {{item.time}}
                        </td>-->


						</tr>


						<tr class="total">
							<td colspan="3" align="right">合计： </td>
							<td colspan="5">
								<span v-for="item in total"> {{item.name}}*{{item.value}} </span>
								<br />
								<span>总喷涂增产剂数量：{{totalAcc}}</span> <a href="javascript:f_ig_acc()">排除增产剂产线</a><br/>
								<span>占地格子数：{{totalSpace}}</span><br/>
								<span>
									耗能估算：{{totalEnergy}}M
								</span>
							</td>
						</tr>
						<tr class="" v-if="items2 && items2.length">
							<td colspan="8" align="left">多余产物 <br />(负数代表多余、正数代表缺少，如1000则需要额外补齐，-1000则需要额外消耗) </td>
						</tr>
						<tr v-for="item in items2" v-bind:class="item.rowClass">
							<td></td>

							<td>
								<span class="name">
									<img v-bind:src="'data:image/png;base64,' + icons[item.name]"
										style="width:40px;height:40px;" v-if="icons[item.name]"
										v-bind:title="item.name" />
									<span class="name" v-else=v-else>{{item.name}}</span>
								</span>
							</td>
							<td><span class="number1">{{item.number1}}</span></td>
							<td>
								<span class="number2">{{item.number2}}</span>
							</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>


						<tr class="">
							<td colspan="1" align="right">更新说明 </td>
							<td colspan="7">
								<!-- 更新说明开始 -->
								    <div data-include="updata"></div>
								<!-- 更新说明结束 -->
							</td>
						</tr>
						<tr class="">
							<td colspan="1" align="right">使用说明 </td>
							<td colspan="7">
						        <!-- 使用说明开始 -->
						            <div data-include="explanation"></div>
						        <!-- 使用说明结束 -->
							</td>
						</tr>
						<!-- 广告开始 -->
						<tr class="">
							<td colspan="8">
						        <!-- 广告内容开始 -->
						            <div data-include="advertise"></div>
						        <!-- 广告内容结束 -->
							</td>
						</tr>
						<!-- 广告结束 -->
					</tbody>
				</table>
			</div>
		</div>
		<div style="text-align:center;">
			<p>
				<!-- 底部内容开始 -->
				    <div data-include="footer"></div>
				<!-- 底部内容结束 -->
			</p>
			<div>
			<script>
 			   $(function(){
 			     var includes = $('[data-include]');
 			     jQuery.each(includes, function(){
  			      var file = 'quote/' + $(this).data('include') + '.html';
  			      $(this).load(file);
 			     });
 			   });
			</script>
	</body>
</html>
